web6047　2020年 6月

プログラミングやRPG（作るほう）が好きな人の日記

このホームページは毎日 夜11時にアクセスできなくなります。 朝6時半に再開されます。（世の中のネット依存対策として） 「homepage6047.sakura.ne.jp」は 2020/7/1 に、「web6047.sakura.ne.jp」に変更予定です。 URL は https でもアクセスできます。 黒猫画像はクリック（タッチ）すると消えます。 NO PC WEEK とは私自身の健康のために私のパソコンの使用を制限する期間です。

2020/6/29（月）

プログラムの感動 -[program]

自分に課した制限時間内（NO PC WEEK に代わる PC 使用制限のしくみ（β版））で全力疾走してプログラムを組んで、制限時間の最後に目的のプログラムに到達すると、深い感動を覚えます。

特異な趣味だなぁと思います。

昔、私が Web系のプログラマーだった頃、同じような感じで真面目な顔して楽しそうにプログラムに取り組んでいる人がいて、はたから見ていて良い感じがしていました。自分の腕を振るって真面目に取り組んでいる人って感じが良いのかもしれません。

プログラムは全然できないけど、その職場に入ってきた人がいて、プログラムができる人がうらやましいと言っていました。

さまざまな工具（たとえです）をずらっと並べて自由に使いこなしているので、うらやましいと思うんでしょう。

うらやましいと思ってまず始めることは、「自分がやりたいプログラム」を見つけることです。

「プログラム自体がやりたいプログラム」というのも あり かもしれませんね。

入門書とかを見て、入門書の指示通りにプログラムを入力して動かすんです。楽しいんじゃないかな。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。
  

2020/6/28（日）

プログラムの問題 -[program]

複数の要素に前後関係を持たせたい場合、下図のどっちにしたほうが、プログラムは見た目で分かりやすくなる？

具体的には、あるメニューはサブメニューをいくつか持っていて、サブメニューがキャンセルされるとそのサブメニューは消えて上のメニューへ戻る。というプログラムで、上記のような迷いがあります。

それだけではなくて、メニューの上にはレイヤーという概念があって、あるレイヤーが閉じられると前のレイヤーへ制御が移る、というようにしたいです。

• レイヤー１（RPGのマップ画面）
• レイヤー２（RPGのコマンドウィンドウ）
  
  • メニュー
  • サブメニュー１
  • サブメニュー２
• レイヤー３（その他、なにかしら）

サブメニュー２が閉じられるとサブメニュー１に戻り、サブメニュー１が閉じられるとメニューに戻る。メニューが閉じられるとレイヤー２が閉じられ、制御がレイヤー１へ移る。

上図 A, B のどちらでも同じことができるのだろうけど、どっちでもいいのではなくて、納得のいく綺麗なもので 誰にでもわかるようなものでないと いけないのだよ、明智君。最近、そういう言い回し聞かなくなったね、明智君。

誰にでもわかるように、だったら B かなぁ。

（訪問者のどんなニーズと この記事がつながるか）

• プログラミングの命題について考えたい。
• 日記を読みたい。
  

カレーの問題 -[spirit]

今日の夕飯はカレーライスです。

写真のご飯をよく見ると、レトルトごはんを温めてそのままあけただけで、レトルトのケースの形がプッチンプリンしたみたいに そのままになっています。

私がカラオケボックスで働いていた時は、お客さんにフードメニューを出していて、メニューの中にカレーもありました。

カラオケボックスというのはカラオケの部屋を準備する以外に、大勢のお客さんの注文をさばく仕事もあって、注文１つ１つに時間をかけられません。

そのため、ごはんはレトルトごはんをレンジでチンして盛り付けるだけ。カレーはその頃、ガス台など火を使う料理は火事になって危険ということで、温め専用に用意した湯沸かしポットの中へレトルトのパックごと入れて温めるといったことをしていました。

お客さんに出すときは、そういう裏方の事情を さとられないようにきちんと、ごはんのケースの形をほぐして出す、という私なりの信念みたいなものがあって、アルバイトさんたちにも「ケースの形は頑張ってほぐしてくれ」と頼んでいました。それでも ほぐしきれないアルバイトさんもいて、お客さんはどう思うのか…と心配していました。

―――ところが、ある日、２４ｈのレジャー施設へ遊びに行ったときに そのレストランで夜明け頃にカレーを注文したところ、厨房で一人で働いていた十代くらいの女の子が「ハイ♥どーぞ♥」と言って、レトルトケースに入った状態のごはんとカレーを出してくれました。

つまりごはんとカレーは２つに区分けされたケースにオールインワンで入っていて、フタを点線まではがして、レンジでチンしてケースのまま出す、というものでした。

　←こういう感じ

あっけらかんと うれしそうに出してくれたのが印象的で、まるでそれがレストランとして当たり前の常識であるかのように、その時その場では、そうなっていて、私はカルチャーショックを受けつつも普通に受け取って、普通に食べました。接客は良かったし、カレーもおいしかったです。

ケースの形を残したまま出すことがお客さんに対して失礼かと言ったらそうとはかぎらない。もしかしたら提供側の気持ち次第なのかもしれない…と考えさせられました。

それ以来、その時のことを思い出してレトルトケースの形を残してお皿に盛り付けたりしています。

ちなみにごはんにかかっている緑の粉はパセリ―です。これもカラオケボックスのころに覚えた技で、パセリ―をかけるだけで別の料理に変身します。見た目が変わるだけで味はほとんど変わりませんが、リッチ感が違います。カレーだけではなく、粉のレトルトのコーンスープにかけてもそうだし（下図左）、ミートソーススパゲッティにかけてもそうです。150円くらいで1か月、2か月とパセリ―・リッチ生活を楽しめるのでおススメです。パセリッチ。お店のスパイスコーナーにコショウと一緒に置いてあります（下図右）。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。
  

2020/6/24（水）

今日は休日

このページの最初の表、「NO PC WEEK に代わる PC 使用制限のしくみ（β版）」の右端の「作業内容」の列を見れば、日ごろから私がパソコンで何をしているか、一目瞭然ですね。

RPG試作について -[rpg]

最近やっている「RPG試作」ですが、「RPGというゲームを実現する、ごく基本的なプログラムってどんな形のプログラムか？」と思っていろいろ模索しています。人によって使うプログラミング言語はさまざまなので、特定の言語に限らず、フローチャートとか仮想言語（書類上でプログラムの流れを示すために用意されたような仮想のプログラミング言語）のレベルで、どう作るのかというのを表現したいです。

• 「そういうプログラムを求めているのは、小中高校生だと思うので、なるべくオブジェクト指向を使わないほうが良い」と思って、Microsoft の Small Basic を試してみたり…
  （でもオブジェクト指向をたくさん使ったほうが、いろいろと簡潔に書けてすっきりするし、時間もかからない）
• 「過去に成功した RPG は、プレイヤーに対するサービス精神（開発者が自分の人気や仕事の成果を得て喜ぶとかではなく、プレイヤーが喜ぶことを求めた）があったから成功した」（たとえば海外のウィザードリィやウルティマといった RPG が面白いが、これを小学生たちにもわかるようにするにはどうすればいいかと考えて作ったからファミコン版ドラクエ１は成功した）と仮定して、ならばゲームパッドでのプレイを提供するのは良いサービスだろうと思って JavaScript の gamepad API を試してみたり…
  （ゲームパッド対応は「基本的なプログラムとしては余計」と考えられるが、上記の理由で組み込むのも良しとする）
• 同じ理由で、JavaScript の Fullscreen API による全画面表示も試しました。
• 「キャラが何歩動いてメッセージを表示する」といった画面の動きを記述する「イベントスクリプト」実行環境というものが RPG には必要で、その辺をどのように実現するか…というのも難しい問題です。

（訪問者のどんなニーズと この記事がつながるか）

• RPG開発に興味がある。
• 日記を読みたい。
  

2020/6/20（土）

父の日 -[season]

母の日で贈り物を送っていたので、父の日も送ることにしました。

事前に高島屋の通販でビールセット（飲み比べができる楽しいもの）を選んで当日に届けてもらうようにしていました。

それで届いたらしく電話が来て喜んでいました。

電話の話の中で、「通販」という言葉を出したら、急にその価値が下降しそうだったので、「ちょっといいとこで頼んだほうがいいかなと思って高島屋の通販にしたんだよ」と言って、価値を維持しました。昭和の時代では ”贈り物はお店のサービスカウンターで買うもの” というのが通例だったみたいで、それが通販というのは最近の時代の流れかもしれません。贈り物の価値は下げてはならないので、大丈夫だったかなと心配です。「ちょっとお店に出向いて買う」という事実も贈り物には必要なのかもしれません。今後特別な贈り物は通販ではなくお店に出向くようにしたいと思います。

デジタルでいろいろ便利になっても、人の心はそんな簡単な方法で動かせない。安易に便利にしすぎているのかなぁ。

• メールで謝っても相手には伝わらない。
• 通販でボタン操作でプレゼントを届けても相手には伝わらない。

もしかして人類はデジタルをもてあますのかな。

こういうときはデジタル。こういうときはデジタルを使わず人の手で行う。という分別を上手に行えるのだろうか。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。
  

2020/6/18（木）

キーボードスタンド -[shopping]

ノートパソコンやキーボードを使っているとき、本を広げようと思っても置く場所ってありませんよね。

そこで、このようにキーボードスタンドを作りました。

浮いてるね！　ノッテルネ！

下部が開いているので本が自由におけます。他にも…

▼ごはんにしたいとき これは結構助かる！

▼パソコンを使いながら、電子回路を組むとき これも結構助かる！

と、いろいろな場面で自由になります。

打ち込みしづらいんじゃないかと思われるかもしれませんが、そうでもないです。

各種情報

使用した木材は 38 x 89 x 910 (mm) で、ホームセンターで購入しました。

木材のカットはハンディタイプの電動ノコギリ（4000～6000円程度のもの）を使いました。

きっちり測って設計して作るつもりはなかったので、目分量で作りました。

スタンドの幅はテーブルの幅 めいっぱい に合わせました。

テーブル面からスタンドまでの空間の高さは完成後に測ったところ、 8cm ありました。これでお茶碗はぶつかりません。ただし どんぶりはたぶん入りません。

スタンド天面の角度（傾斜）は水平を 0 度として 20 度ちょっとくらいです。引っかけてるキーボードの高さ調整（下図右端）が ずりおちそうになるのでもうちょっとゆるい角度が良かったようです。

▼上から見たところ。

▼高さを取るため目分量で上方にずらして ねじ止めしました。

▼キーボードの高さ調整で引っかけます。

ねじ止めは、あらかじめ電動ドリル（4000～6000円程度のもの）でねじよりも少し細めの穴を開けてから、その穴に対してねじを入れてねじ止めします。そうしないと木材が割れたり、亀裂が入ったりしてしまいます。

電動のこぎりで木材を切り分けるときも、切り分け部分を鉛筆で線を引き、その線に沿って小さなノコギリ等で表面に溝を作って、電動のこぎりの刃が曲がって進まないようにします。

設計みたいに測ったりはしませんが、目安で定規を当てて大まかな位置決めなどは行います。

こういう家具のニーズはあると思いますが、なかなか良い製品がないので、自分で作ることを考えると思います。

でもどんな形が良いか、複雑ではなく単純に作るには…と考えるとなかなか良いアイデアが浮かびません。

今回は昔から同じようなものを２つくらい作ったことがあって、今回もちょっと考えたところ、シンプルなものができたので、皆さんのアイデアとしてどうかなと思って提案（紹介）してみました。

（訪問者のどんなニーズと この記事がつながるか）

• キーボードがじゃまだ！ノートパソコンもじゃまだ！
• 日記を読みたい。
  

2020/6/12（金）

今日から4連休

6/12（金）　仕事先が振り替え休日　（予定する将来の連休が振出（出勤）になる）

6/13（土） 

6/14（日）

6/15（月）　仕事先が職場の全員に有給休暇取得を推奨している日

そういうわけで4連休です。

ゲーム音楽（シンセサイザー）の雑談

雑談を４つ。

[1/4] ゲーム音楽の途中でラップとかも聴いている

私が聴いているゲーム音楽のプレイリストの中に、エミネムのラップ「lose yourself」という曲も一緒に入れていて時々聴いているんですけど、かっこいいなぁ。ほかのラップとは違って一般ウケする感じがする。

どうして私がエミネムなんて持っているのかというと、10年くらい前にカラオケで店長業務をやっていたころ、アルバイトの専門学校生の女の子が、エミネムとかスヌープドッグだとか、それらのラッパーたちの抗争などラップ音楽業界の話をいろいろ話してきて、「じゃぁちょっと聴いてみるか」と思ってエミネムのアルバム「カーテンコール」を買ったんでした。

プレステの「パラッパラッパー」（音ゲー）とか結構おもしろいんだよなぁ、ニワトリおばさんのラップとか玉ねぎ師匠のラップとか結構 ハードでしたが全クリしましたよ。またやりたい。

[2/4] ピコピコ音 vs 自然音 どっちが優れている？

私が聴いているゲーム音楽は主にシンセサイザー（ピコピコと言われる PSG や、そこから一歩進んだ FM音源）の曲が 300 曲くらいあり、最近の自然音とかオーケストラによるゲーム音楽は 2、3曲程度と少ないです。

ファミコン、メガドライブ、セガマスターシステム、PC-98/88、スーファミ、プレステなど。

文字ばかりの記事じゃ読めないんだよな…と思ってひとつ図を入れました。 写真はシンセサイザーの IC です。 こういうのが各ゲーム機の基板に はんだ付けされていて、コレに曲データを流してあげるとピコピコの音声を出力します。 ヤマハ音源IC ■YMZ285-D ■SSG音源+PCM再生機能IC （注：ただし、この IC は多くの電子工作愛好家の方々が「使い方がわからない」と言って嘆いているようです…）

いまさらですが、世の中のゲーム事情はだいぶ変わりましたよね。

グラフィックは、ドット絵からリアルな 3D へ。

音楽は、ピコピコのシンセサイザーから自然音へ。

それでもなお、ドット絵やピコピコが愛され続けるのはきっと、その単純さのせいか ハッキリとしていてムードがダイレクトに伝わってくるからなんじゃないかなぁ、と思います。

逆に、グラフィックも音楽もリアルであるほど どうでもよくなったり疲れたり、入り込めなくなったりするんじゃないかなぁ。

例を挙げると、課長クオリティのよゐこの…誰だっけ。あの人もファミコンのゲームは（いっきだろうとなんだろうと）超燃え燃えでプレイしてたけど、スーファミの RPG となるとどこかノッテいない様子でした。グラフィックがきれいすぎてよくわからなかったんじゃないかなぁと思います。

でもそれも偏見かもしれなくて、リアルな3Dや自然音も、それを生かすか生かせないかは作り手のセンス次第なのかもしれませんね。

たとえば、Nintendo3DS の「New スーパーマリオブラザーズ２」（2012年）を最近購入して やっていますが、ドット絵というよりは 3D のポリゴンで作られているようだし、イヤホンで聴くとだいぶ音質が良く、自然音どころか曲の中に人のコーラスが入ってますよね。センス良く完成されています。このソフトに対して課長はどんな評価を出したんでしょうね。

[3/4] 燃えよゲーム音楽

私が聴いているゲーム音楽 300曲は、私が厳選した曲ばかりなので聴いているとけっこう燃えてきます。

みなさんが人のプレイリストを眺めてもあまり面白くないかもしれませんが、私が毎日聴いている その燃えてくる 300 曲あまりのプレイリストを PDF へ印刷したので掲載します↓（数曲、ポップスも入っています）

そして、厳選ではなく、ゲーム音楽全体はというと…↓

ゲーム音楽だけで 998 曲あって、全部聴くのに 1.4 日かかるですか。

コレクターやで。ゲームセンターアラシやで！　（あれは音楽の話じゃない）

あと2曲で１０００曲の大台に！

[4/4] PSG 音源と SSG 音源のちがい

PSG って Programable Sound Generator の略です。

PSG に似た言葉で、SSG音源というものがあって、同じような音をしています。

２つの違いって何だろうと思って調べてみました。

そしたら SSG とは「FM音源によるPSG互換機能」で、Software-controlled Sound Generator の略だそうです。

昔からの謎が解けました。

以上シンセサイザーについての雑談でした。

（訪問者のどんなニーズと この記事がつながるか）

• ゲーム音楽に興味がある。
• 日記を読みたい。
  

2020/6/9（火）

JavaScript の WebWorker -[javascript]

3DCG のドラゴンを表示している viewer.html について、JavaScript の WebWorker という機能を用いて高速化できないかと試してみました。

WebWorker とはメインの JavaScript とは別に裏で動いて計算をしてくれる JavaScript です。

WebWorker に 3DCG の3次元計算の部分だけを行ってもらい、計算が終わったらメインの JavaScript が計算結果を受け取り、その計算結果をもとに描画を行います。

計算と描画をうまく同時進行（並列）させれば高速化になると思ったんです。

時間がないので結果だけ言うと、なんと WebWorker を使ったほうが、使わないものよりも余計に時間がかかってしまいました。

どうも WebWorker は表裏のあいだのデータの通信に時間がかかるみたいです。

メインの JavaScript と WebWorker は互いにオブジェクトを参照できず、オブジェクトを平文か何かのデータに直して（シリアライズという言葉を使っている）、送受信しています。

確認はしていませんが、きっとそこで時間がかかっているんだと思います。なら、通信させるデータを限定して（減量して）…とも思いましたが 3DCG のデータで削れるものはないなぁ…と思いました。

以下は私が行った簡易的なベンチマークです。

▼WebWorker を使わない場合　右端の太字の calc の部分に注目。3～12 ms で3次元計算が終わっている。（左の青い表示は時間を出力したものです。気にしないでください）

そのベンチマークプログラムを実行

10フレーム（10回描画）実行して止まります。CTRL+SHIFT+J を押してコンソールを開くと結果が出力されています。（上図画像の青い表示部分）

出力の右のほうの２つの数字（#と+のあいだの2つの数字）はそれぞれ、その処理を実行した時刻の秒とミリ秒です。

そのミリ秒の差分（calc.end - calc.start など）を上図画像の右端の太字部分に表示しています。

▼WebWorkerの場合　右端の太字の calc を見ると、同じ計算なのに時間がかかっている。58～80ms。通信に 50ms くらい余分に時間（オーバーヘッド）がかかっている？ draw はどちらも同じくらいです。

そのベンチマークプログラムを実行

worker.js の内容

きっと WebWorker はゲームみたいなリアルタイムで何かをする用途には向いていないんです。科学技術計算向きなんです。

そんな記述をどこかで読んだ覚えがあります。（ それを先に思いだせよ=3　）

残念でした。orz

（訪問者のどんなニーズと この記事がつながるか）

• JavaScript の WebWorker は知っているがゲームの計算に使えるのかどうか？

2020/6/7（日）

このホームページのアドレス変更について

このホームページのアドレスは、来る 2020/7/1 に web6047.sakura.ne.jp に変更されます。

web6047 の新しいアドレスは申請済みで、データ（コンテンツ）のコピーも済んでいます。

現在は、homepage6047（旧）、web6047（新）　両方にアクセス可能な状態です。

ただし、homepage6047（旧） の更新は停止し、web6047（新） のほうだけを更新します。

2020/6/30 には homepage6047（旧）へのアクセスはできなくなります。

みなさま、お手数ですがブックマークを作り直してください。

新しいアドレス　https://web6047.sakura.ne.jp/

さようなら homepage6047、こんにちは web6047。

アドレス移行　ロードマップ（計画表）

日付	実施内容	状況
2020/6/1（月）	web6047 新アドレス　申請	済
2020/6/7（日）	web6047 新アドレス　アクセス可能	済
～	homepage6047、web6047　両方にアクセス可能な期間（1か月間）	現在
2020/6/30（火）	homepage6047 旧アドレス　終了	予定
2020/7/1（月）	web6047 新アドレス　移行完了	予定

余談

なお、２つのアドレスを1か月間併用することにかかるコストは 500円 くらいです。

年間契約のホームページ領域を1か月間だけ２つ持っている状態です。

1年あたり 5000円 程度の契約なので、単純に10（≒12か月）で割って 500円です。

下図の赤い部分の月（今月）が 500円余計にかかっています。

homepage6047 の契約 5000円	7	8	9	10	11	12	1	2	3	4	5	6
web6047 の契約 5000円												6	7	8	9	10	11	12	1	2	3	4	5

旧アドレスを 3か月間 もたせたいときは赤い部分が 3ヶ月間になるように早めに新しい契約を開始すれば良いということです。

その時は 1500円くらいの費用が掛かるということですね。

一時的にホームページ領域を２つ持つ、というとお金がかかる気がしますが、案外安く済むんですね。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。
  

2020/6/6（土）

ドラゴンモデル(再) 5 -[3dcgprogram]

最終的なビューワーです。

タッチ操作やマウス操作に対応しています。

ドラゴンの色をランダムに変えられます。

（訪問者のどんなニーズと この記事がつながるか）

• 3DCG プログラミングに興味がある。
• RPG 関係の創作に興味がある。
• 日記を読みたい。
  

2020/6/4（木）

ドラゴンモデル(再) 4 -[3dcgprogram]

色分けで、ツメの白がちょっとおかしかったのが直っています（原因は不明のまま）。

口の中を赤く塗り、牙を付けました。

その他不正なポリゴンを直しました。

この画像リンクをクリックすると JavaScript で3D表示します。

だんだんドラゴンらしくなってきました。

（訪問者のどんなニーズと この記事がつながるか）

• 3DCG プログラミングに興味がある。
• RPG 関係の創作に興味がある。
• 日記を読みたい。
  

2020/6/2（火）

ドラゴンモデル(再) 3 -[3dcgprogram]

ポリゴンの不備を直して、一部色分けしたバージョンです。

今度は色分けで、ツメの白がちょっとおかしいですが…。

下の画像リンクをクリックすると新しいウィンドウで JavaScript を実行します。

このドラゴン（3DCGソフトで作ったモデルを JavaScript で表示）を作っている目的は、

• このホームページの5月分のページの一番上の飾り（扉）
• 日ごろの3Dモデルのホームページ掲載時にスクリプトを使いたい
• 3DCG の原理の簡単な式（h = x * ( s / z )、v = y * ( s / z )、s = 50～500）でもこれだけのものができるという証明として

の3点です。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。

2020/6/1（月）

新しいアドレス

今月は新しいURLを申請予定です。

（訪問者のどんなニーズと この記事がつながるか）

• 日記を読みたい。